<template>
  <div class="demo">
      <h2>学生名字:{{myName}}</h2>
      <h2>学生年龄:{{age}}</h2>
    <button @click="sendStudentName">把学生名给App</button>
    <button @click="unbind">解绑shijian事件</button>
    <button @click="sendToSchool">把学生名和学校组建</button>
  </div>
</template>

<script>

export default {
    name:'StudentS',
    data(){
        return {
            msg:"自我介绍",
            age:'66',
            myName:"123"
        }
    },
    methods: {
        sendToSchool(){
            //通过总线来，传递事件
            this.$bus.$emit('hello',666)
        },
        sendStudentName(){
            // 触发student组件实例对象上的事件
            this.$emit('shijian',this.name)
            this.$emit('demo',this.name)
        },
        unbind(){
            // 解绑组件实例上的事件，只适用于一个事件
            this.$off('shijian',this.name)

            // 解绑多个事件
            this.$off(['shijian','demo'])

            // 将这个vc实例上的所有事件全部解绑
            this.$off()

            // 销毁了当前Student组件实例，销毁后所有的Sutdent身上的事件也不再奏效
            // vc的生命周期
            this.$destroy()
        }
    },
}
</script>


<style scoped>
    .demo{
        background-color: yellow;
    }
</style>